.pet {
    width: 200px;
    height: 200px;
    position: fixed;
    top: 100%;
    left: 100%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.pet img {
    /*position: relative;*/
    width: 200px;
    height: 200px;
    transform: translate(-50%, -50%);
}

.searchArea {
    width: 200px;
    height: 350px;
    position: fixed;
    top: 50%;
    left: 93%;
    transform: translate(-50%, -50%);
    z-index: 10;
    background-color: #c2e9fb;
    /*border-radius: 10px;*/
    color: white;
}

.searchResultArea {
    position: relative;
    width: 100%;
    height: 75%;
    border-bottom: 1px;
    border-bottom-color: aliceblue;
    border-bottom-style: solid;
    overflow-y: auto;
}

.searchResultArea .result{
    position: relative;
    width: 100%;
    height: 15%;
    border: 1px;
    border-radius: 1px;
    border-style: solid;
    border-color: beige;
    background-color: #e2ebf0;
    color:black;
    text-align: center;
}

.hideBtnArea{
    position: relative;
    width: 100%;
    height: auto;
}